<!DOCTYPE html> 
<html>
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Hello, World</title> 
<style type="text/css"> 
html{height:100%} 
body{height:100%;margin:0px;padding:0px} 
#container{height:100%} 
</style> 
<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=006iNjgMytOEC6oWV0oZQaaoHBCRBzXb">
</script>
</head> 
  
<body> 
<div id="container"></div>
<script type="text/javascript">
  var map = new BMapGL.Map('container');
  map.centerAndZoom(new BMapGL.Point(116.331398,39.897445), 12);
  //创建地址解析器实例
  var myGeo = new BMapGL.Geocoder();
  // 将地址解析结果显示在地图上，并调整地图视野
  myGeo.getPoint('北京科技职业学院(沙河校区)', function(point){
      if(point){
        map.centerAndZoom(point, 16);
        map.addOverlay(new BMapGL.Marker(point, {title: '北京科技职业学院(沙河校区)'}))
      }else{
        alert('您选择的地址没有解析到结果！');
      }
  }, '北京市')
</script> 
</body> 
</html>